<!DOCTYPE html>
<html>
<head>
  <base href="/">
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <link rel="icon" href="images/favicon.ico"/>
  <title>ssssssss-team</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
  <link href="css/style.css" rel="stylesheet" />
  <link href="css/responsive.css" rel="stylesheet" />
</head>

<body>

  <div class="hero_area">
    <!-- header section strats -->
    <header class="header_section">
      <div class="container-fluid">
        <nav class="navbar navbar-expand-lg custom_nav-container ">
          <a class="navbar-brand" href="index.html">
			<img src="images/logo.png" width="36" height="36" class="d-inline-block" alt="">
            <span>ssssssss-team</span>
          </a>

          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class=""> </span>
          </button>

          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav  ml-auto">
              <li class="nav-item active">
                <a class="nav-link" href="/">首页<span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#open-source-projects">开源项目</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#about-us">关于我们</a>
              </li>
            </ul>
          </div>
        </nav>
      </div>
    </header>
    <!-- end header section -->
    <!-- slider section -->
    <section class="slider_section ">
      <div id="customCarousel1" class="carousel slide" data-ride="carousel" data-interval="10111111111">
        <div class="carousel-inner">
          <div class="carousel-item active">
            <div class="container ">
              <div class="row">
                <div class="col-md-4">
                  <div class="detail-box">
                    <h1>
                      magic-api <br>
                      接口快速开发框架
                    </h1>
                    <p>基于Java的接口快速开发框架，编写接口将通过magic-api提供的UI界面完成，自动映射为HTTP接口，无需定义Controller、Service、Dao、Mapper、XML、VO等Java对象即可完成常见的HTTP API接口开发 </p>
                    <div class="btn-box">
                      <a href="https://gitee.com/ssssssss-team/magic-api" class="btn-1">
                        仓库
                      </a>
                      <a href="magic-api" class="btn-2">
                        文档
                      </a>
                    </div>
                  </div>
                </div>
                <div class="col-md-8">
                  <div class="row">
                    <div class=" col-lg-10 mx-auto">
                      <div class="img-box">
                        <img src="images/project-magic-api.png" alt="">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="container ">
              <div class="row">
                <div class="col-md-4">
                  <div class="detail-box">
                    <h1>
                      magic-page-designer <br>
                      在线页面快速开发平台
                    </h1>
                    <p>基于 vue 的在线页面快速开发平台，主要把所有的 vue 代码都改为在线配置，最终获得一个 json 格式的页面</p>
                    <div class="btn-box">
                      <a href="https://gitee.com/ssssssss-team/magic-page-designer" class="btn-1">
                        仓库
                      </a>
                      <a href="magic-page-designer" class="btn-2">
                        文档
                      </a>
                    </div>
                  </div>
                </div>
                <div class="col-md-8">
                  <div class="row">
                    <div class=" col-lg-10 mx-auto">
                      <div class="img-box">
                        <img src="images/project-magic-page-designer.png" alt="">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item">
            <div class="container">
              <div class="row">
                <div class="col-md-4">
                  <div class="detail-box">
                    <h1>
                      spider-flow <br>
                      新一代爬虫平台
                    </h1>
                    <p>基于Java实现的新一代爬虫平台，以图形化方式定义爬虫流程，不写代码即可完成爬虫。</p>
                    <div class="btn-box">
                      <a href="https://gitee.com/ssssssss-team/spider-flow" class="btn-1">
                        仓库
                      </a>
                      <a href="https://www.spiderflow.org" class="btn-2">
                        文档
                      </a>
                    </div>
                  </div>
                </div>
                <div class="col-md-8">
                  <div class="row">
                    <div class=" col-lg-10 mx-auto">
                      <div class="img-box">
                        <img src="images/project-spider-flow.gif" alt="">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
		<a class="carousel-control-prev" href="#customCarousel1" role="button" data-slide="prev">
			<span class="carousel-control-prev-icon" aria-hidden="true"></span>
			<span class="sr-only">上一个</span>
		</a>
		<a class="carousel-control-next" href="#customCarousel1" role="button" data-slide="next">
			<span class="carousel-control-next-icon" aria-hidden="true"></span>
			<span class="sr-only">下一个</span>
		</a>
      </div>
    </section>
    <!-- end slider section -->
  </div>

  <!-- service section -->

  <section class="service_section layout_padding" id="open-source-projects">
    <div class="container">
      <div class="heading_container heading_center">
        <h2 style="color:#f3f3f3;">开源项目</h2>
      </div>
    </div>
    <div class="container ">
      <div class="row">
        <div class="col-md-6 col-lg-6">
          <div class="box " style="background: linear-gradient(236.27deg,#010002 9.64%,#032a56 61.09%,#087cfa 106.16%);">
            <div class="img-box">
              <img src="images/logo-magic-api.png" alt="">
            </div>
            <div class="detail-box">
              <h4>
                magic-api
              </h4>
              <p>
                基于Java的接口快速开发框架，无需定义Controller、Service、Dao、Mapper、XML、VO等Java对象
              </p>
			  <div class="badge-box" data-project="magic-api">
				<a href="https://gitee.com/ssssssss-team/magic-api"><i class="fa fa-github"></i>代码仓库</a>
				<a href="magic-api"><i class="fa fa-book" aria-hidden="true"></i>项目文档</a>
				<a href="https://gitee.com/ssssssss-team/magic-api"><i class="fa fa-star-o"></i><span>9999</span></a>
				<a href="https://gitee.com/ssssssss-team/magic-api"><i class="fa fa-code-fork"></i><span>9999</span></a>
			  </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-6">
          <div class="box " style="background:linear-gradient(231.27deg,#282eff -9.64%,#ff00c8 54.09%,#ed0505 103.16%)">
            <div class="img-box">
              <img src="images/logo-magic-page-designer.png" alt="">
            </div>
            <div class="detail-box">
              <h4>
                magic-page-designer
              </h4>
              <p>
                基于 vue 的在线页面快速开发平台，主要把所有的 vue 代码都改为在线配置，最终获得一个 json 格式的页面
              </p>
              <div class="badge-box" data-project="magic-page-designer">
				<a href="https://gitee.com/ssssssss-team/magic-page-designer"><i class="fa fa-github"></i>代码仓库</a>
				<a href="magic-page-designer"><i class="fa fa-book" aria-hidden="true"></i>项目文档</a>
				<a href="https://gitee.com/ssssssss-team/magic-page-designer"><i class="fa fa-star-o"></i><span>9999</span></a>
				<a href="https://gitee.com/ssssssss-team/magic-page-designer"><i class="fa fa-code-fork"></i><span>9999</span></a>
			  </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4 ">
          <div class="box " style="background:linear-gradient(236.27deg,#93f5ff 9.64%,#38b1df 61.09%,#387ab3 106.16%)">
            <div class="img-box">
              <img src="images/logo-magic-cloud-admin.png" alt="">
            </div>
            <div class="detail-box">
              <h4>
                magic-cloud-admin
              </h4>
              <p>
                基于magic-api的低代码智能开发平台。引领新的开发模式，可以帮助解决Java项目90%的重复工作。
              </p>
              <div class="badge-box" data-project="magic-cloud-admin">
				<a href="https://gitee.com/ssssssss-team/magic-cloud-admin"><i class="fa fa-github"></i>代码仓库</a>
				<a href="https://gitee.com/ssssssss-team/magic-cloud-admin"><i class="fa fa-star-o"></i><span>9999</span></a>
				<a href="https://gitee.com/ssssssss-team/magic-cloud-admin"><i class="fa fa-code-fork"></i><span>9999</span></a>
			  </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4">
          <div class="box " style="background:linear-gradient(53.38deg,#087cfa 18.37%,#17db78 85.92%, #9dff00 120%)">
            <div class="img-box">
              <img src="images/logo-magic-script.png" alt="">
            </div>
            <div class="detail-box">
              <h4>
                magic-script
              </h4>
              <p>
                基于JVM的脚本语言，目前主要是为magic-api项目设计
              </p>
              <div class="badge-box" data-project="magic-script">
				<a href="https://gitee.com/ssssssss-team/magic-script"><i class="fa fa-github"></i>代码仓库</a>
				<a href="https://gitee.com/ssssssss-team/magic-script"><i class="fa fa-star-o"></i><span>9999</span></a>
				<a href="https://gitee.com/ssssssss-team/magic-script"><i class="fa fa-code-fork"></i><span>9999</span></a>
			  </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-4">
          <div class="box " style="background: linear-gradient(53.38deg,#efc83c 18.37%,#ff5200 140.92%);">
            <div class="img-box">
              <img src="images/logo-spider-flow.png" alt="">
            </div>
            <div class="detail-box">
              <h4>
                spider-flow
              </h4>
              <p>
                新一代爬虫平台，以图形化方式定义爬虫流程，不写代码即可完成爬虫。
              </p>
              <div class="badge-box" data-project="spider-flow">
				<a href="https://gitee.com/ssssssss-team/spider-flow"><i class="fa fa-github"></i>代码仓库</a>
				<a href="https://www.spiderflow.org"><i class="fa fa-book" aria-hidden="true"></i>项目文档</a>
				<a href="https://gitee.com/ssssssss-team/spider-flow"><i class="fa fa-star-o"></i><span>9999</span></a>
				<a href="https://gitee.com/ssssssss-team/spider-flow"><i class="fa fa-code-fork"></i><span>9999</span></a>
			  </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- end service section -->

  <!-- about section -->

  <section class="about_section layout_padding-bottom" id="about-us">
    <div class="container  ">
      <div class="row">
        <div class="col-md-6">
          <div class="detail-box">
            <div class="heading_container">
              <h2>
                关于我们
              </h2>
            </div>
            <p>
              我们的愿景是致力于使用辅助工具和框架提高开发效率。社区口号：技术栈全面开源共建、保持社区中立、和谐快乐做开源 。
			</p>
            <a href="https://gitee.com/ssssssss-team/">
              组织仓库
            </a>
          </div>
        </div>
        <div class="col-md-6 ">
          <div class="img-box">
            <img src="images/about-img.png" alt="">
          </div>
        </div>

      </div>
    </div>
  </section>

  <!-- end about section -->

  <!-- footer section -->
  <footer class="footer_section">
    <div class="container">
      <p>
        &copy; 2021 All Rights Reserved By
        <a href="https://ssssssss.org">ssssssss-team</a>
      </p>
    </div>
  </footer>
  <!-- footer section -->
  
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"></script>
  <script src="https://s4.cnzz.com/z_stat.php?id=1280031557&web_id=1280031557"></script>
  <script>
	console.log(`%c  oooooooo8  oooooooo8  oooooooo8  oooooooo8  oooooooo8  oooooooo8  oooooooo8  oooooooo8  
888        888        888        888        888        888        888        888         
 888oooooo  888oooooo  888oooooo  888oooooo  888oooooo  888oooooo  888oooooo  888oooooo  
        888        888        888        888        888        888        888        888 
o88oooo888 o88oooo888 o88oooo888 o88oooo888 o88oooo888 o88oooo888 o88oooo888 o88oooo888  `,'color:#FE744F;font-weight:bolder')
	fetch('https://gitee.com/api/v5/orgs/ssssssss-team/repos?per_page=100').then(res => res.json().then(data => data.forEach(item => {
		$(`div[data-project=${item.name}] i.fa-star-o + span`).html(item.stargazers_count);
		$(`div[data-project=${item.name}] i.fa-code-fork + span`).html(item.forks_count);
	})))
	
  </script>

</body>

</html>